<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>本地存储</title>
    <style>
        *{margin: 0;padding: 0;list-style-type: none;}
    </style>
</head>
<body>
    <script>
        /*
            cookie：一些存储在本地电脑的数据(轻量级)
                设置cookie
                    document.cookie = "username=luoli"
                    document.cookie = "age=18"

            应用场景：记录客户端信息。例如实现一段时间免登录
            本地存储：sessionStorage 本地存储   ，  localStorage 永久存储
        */

        /*
           本地存储 ： sessionStorage 临时储存 (会话结束，自动清除)  ，  localStorage 永久存储(除非手动删除)
        */
       sessionStorage.setItem("name","luoli")//添加
       sessionStorage.setItem("age","18")

       sessionStorage.clear()//清空全部
       sessionStorage.removeItem("age")//删除指定数据
    </script>
</body>
</html>